button {
	  width: 93%;
	  position: relative;
	  margin: 0 auto;
	  padding: 17rpx 35rpx;
	  outline: none;
	  text-decoration: none;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  cursor: pointer;
	  text-transform: uppercase;
	  background-color: #fff;
	  border: 1rpx solid rgba(22, 76, 167, 0.6);
	  border-radius: 10rpx;
	  color: #1d89ff;
	  font-weight: 400;
	  font-family: inherit;
	  z-index: 0;
	  overflow: hidden;
	  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
	}
	
	button span {
	  color: #164ca7;
	  font-size: 14rpx;
	  font-weight: 500;
	  letter-spacing: 0.7rpx;
	}
	
	button:hover {
	  animation: rotate624 0.7s ease-in-out both;
	}
	
	button:hover span {
	  animation: storm1261 0.7s ease-in-out both;
	  animation-delay: 0.06s;
	}
	
	@keyframes rotate624 {
	  0% {
	    transform: rotate(0deg) translate3d(0, 0, 0);
	  }
	
	  25% {
	    transform: rotate(3deg) translate3d(0, 0, 0);
	  }
	
	  50% {
	    transform: rotate(-3deg) translate3d(0, 0, 0);
	  }
	
	  75% {
	    transform: rotate(1deg) translate3d(0, 0, 0);
	  }
	
	  100% {
	    transform: rotate(0deg) translate3d(0, 0, 0);
	  }
	}
	
	@keyframes storm1261 {
	  0% {
	    transform: translate3d(0, 0, 0) translateZ(0);
	  }
	
	  25% {
	    transform: translate3d(4rpx, 0, 0) translateZ(0);
	  }
	
	  50% {
	    transform: translate3d(-3rpx, 0, 0) translateZ(0);
	  }
	
	  75% {
	    transform: translate3d(2px, 0, 0) translateZ(0);
	  }
	
	  100% {
	    transform: translate3d(0, 0, 0) translateZ(0);
	  }
	}
	
	.btn-shine {
	  border: 1rpx solid;
	  overflow: hidden;
	  position: relative;
	}
	
	.btn-shine span {
	  z-index: 20;
	}
	
	.btn-shine:after {
	  background: #38ef7d;
	  content: "";
	  height: 155rpx;
	  left: -75rpx;
	  opacity: 0.4;
	  position: absolute;
	  top: -50rpx;
	  transform: rotate(35deg);
	  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	  width: 50rpx;
	  z-index: -10;
	}
	
	.btn-shine:hover:after {
	  left: 120%;
	  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	}